<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org" lang="zh_CN">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  -->
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  <link rel="stylesheet" href="/css/materialize.min.css"/>
  <link rel="stylesheet" href="/css/comm100.css"/>

  <title>Comm100 - 高效在线客服系统解决方案</title>

</head>
<body>
<ul id="userDropdown" class="dropdown-content">
  <li><a href="#!" th:if="${userName}" th:text="${userName}" th:href="'/user/' + ${userName}">用户主页</a></li>
  <li class="divider"></li>
  <li>
    <form th:action="@{/logout}" method="post">
      <input type="submit" class="btn" value="退出"/>
    </form>
  </li>
</ul>
<nav class="slate-green-text" style="background-color: #282F34;">
  <div class="nav-wrapper">
    <a href="#" class="brand-logo"><img src="/comm100.png"/></a>
    <ul id="nav-mobile" class="right hide-on-med-and-down slate-green-text" style="color: #009999">
      <li><a href="/login" class="waves-effect waves-light btn" th:if="${notLogin}">登录</a></li>
      <li><a class="dropdown-button" href="#!" th:if="${userName}" th:text="${userName}"
             th:href="'/user/' + ${userName}" data-activates="userDropdown">用户名</a></li>
    </ul>
  </div>
</nav>

<script src="/js/jquery-1.7.2.min.js"></script>
<script src="/js/materialize.min.js"></script>
</body>
</html>
